#notice .curson,
.alertWrap i,
button {
	cursor: pointer
}

.center {
	width: 1200px;
	margin: auto
}

@font-face {
	font-family: banner;
	src: url(../fonts/fang.ttf)
}

nav .top {
	height: 50px;
	background-color: #070707;
	position: relative;
	line-height: 50px
}

nav .bottom {
	height: 40px;
	background-color: #0e0e0e
}

nav #logo img {
	position: absolute;
	top: 10px
}

nav #buttons .box {
	width: 102px;
	height: 26px;
	border-radius: 4px;
	border: none;
	font-size: 14px;
	color: #FFF;
	background-color: #222;
	margin-right: 16px;
	float: left;
	line-height: 26px;
	text-align: center;
	cursor: pointer;
	margin-top: 14px;
	position: relative
}

nav #buttons {
	float: right
}

nav #buttons .box:nth-child(1),
nav #buttons .box:nth-child(2) {
	border-bottom: 2px solid #00a0e9
}

nav #buttons .box:nth-child(3),
nav #buttons .box:nth-child(4) {
	border-bottom: 2px solid #fcac45
}

nav .inside {
	position: absolute;
	top: 28px;
	width: 170px;
	height: 84px;
	background-color: #fff;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .35);
	text-align: center;
	z-index: 100;
	display: none
}

nav .inside p {
	color: #333;
	font-size: 16px;
	margin: 17px 0
}

nav .inside a {
	display: inline-block;
	color: #121212;
	font-size: 14px;
	height: 42px;
	line-height: 42px;
	width: 100%
}

nav #buttons .box:hover .inside,
nav .bottom ul .oLi:hover .inside {
	display: block
}

nav .inside a:hover {
	background-color: #f4f4f4;
	color: #00a0e9
}

nav #buttons #china {
	float: left;
	color: #fff
}

nav #buttons #china img {
	position: relative;
	top: 6px;
	margin-right: 10px
}

nav #buttons #china select {
	color: white;
	background: #070707;
	border: none;
}

nav .bottom .oUl {
	float: right;
	line-height: 40px;
	font-size: 14px
}

nav .bottom ul .oLi {
	float: left;
	margin-right: 50px;
	position: relative
}

nav .bottom ul .oLi a {
	color: #fff
}

nav .bottom ul .oLi a:active {
	color: #00a0e9
}

nav .bottom ul .oLi a:hover {
	color: #00a0e9 !important
}

nav .bottom ul .oLi .active {
	color: #00a0e9
}

nav .bottom ul .oLi .inside .active {
	background-color: #f4f4f4;
	color: #00a0e9 !important
}

nav .bottom ul .oLi .inside a {
	color: #121212;
	line-height: 42px
}

nav .bottom ul .oLi .inside p {
	margin: 9px 0
}

nav .jiaoyi {
	height: 288px
}

nav .jiaoyi li a {
	font-size: 14px;
	line-height: 20px !important;
	text-align: left;
	padding-left: 30px;
	width: 140px;
	padding-bottom: 4px;
	padding-top: 10px;
	height: 100%
}

.title,
.title2 {
	padding-top: 81px;
	text-align: center
}

nav .jiaoyi li p {
	margin: 9px 0 0;
	font-size: 12px;
	color: #666
}


/*插入的*/

.colorwhite a:link {
	color: #FFF !important;
}

.colorwhite a:visited {
	color: #FFF !important;
}

.colorwhite a:hover {
	color: #FFF !important;
}

.colorwhite a:active {
	color: #FFF !important;
}

.title h2,
.title p {
	font-size: 28px;
	color: #333
}

.title2 h2,
.title2 p {
	font-size: 28px;
	color: #fff
}

.clearfix:after {
	height: 0;
	content: "";
	clear: both;
	visibility: hidden;
	display: block
}

.allCenter {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto
}

.allBanner {
	height: 500px;
	background: url(../images/aboutBanner.jpg) center no-repeat;
	background-size: cover;
	text-align: center;
	color: #fff;
	position: relative
}

.allBanner span {
	font-family: banner;
	font-size: 40px;
	display: inline-block
}

.allBanner a {
	width: 165px;
	height: 36px;
	box-shadow: 0px 3px 7px 0px rgba(59, 59, 59, 0.35);
	border-radius: 4px;
	border: solid 1px #0199df;
	font-size: 16px;
	text-align: center;
	color: white;
	line-height: 36px;
	display: inline-block;
}

.allBanner span .orange {
	font-size: 58px;
	color: #f8c961
}

.allBanner .font {
	width: 728px;
	height: 128px
}

.allBanner .font p {
	font-size: 19px;
	letter-spacing: 2px
}

.alertImg {
	z-index: 999;
	position: fixed
}

.alertWrap {
	background: rgba(0, 0, 0, .7);
	z-index: 888;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0
}

.alertWrap i {
	color: #fff;
	font-size: 40px;
	float: right;
	padding: 100px
}

body {
	min-width: 1250px
}

source {
	min-width: 100%;
	min-height: 100%;
	height: auto;
	width: auto
}

#index #advantage {
	height: 772px;
	background: #FAFAFA
}

#index #advantage .box {
	width: 375px;
	height: 168px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	float: left;
	text-align: center
}

#index #advantage .box img {
	margin-right: 20px;
	margin-top: 55px
}

#index #advantage .box span {
	display: inline-block;
	width: 160px;
	text-align: left;
	line-height: 24px;
	font-size: 14px
}

#index #advantage .box:hover {
	background-color: #00a0e9;
	box-shadow: 4px 6px 20px 0 rgba(0, 0, 0, .19);
	color: #fff
}

#index #about {
	height: 700px;
	background: url(../images/about.jpg) center no-repeat;
	background-size: cover
}

#index #about .title {
	text-align: left;
	padding-top: 171px
}

#index #about .title h2,
#index #about .title p {
	color: #fff
}

#index #about .textBox {
	width: 396px;
	font-size: 14px;
	text-align: justify;
	color: #fff;
	line-height: 28px;
	margin-top: 39px
}

#index #about .left {
	float: left
}

#index #about .right {
	float: left;
	margin-top: 61px;
	margin-left: 169px
}

#index #about button {
	width: 90px;
	height: 30px;
	border-radius: 3px;
	border: 1px solid #00a0e9;
	background: rgba(0, 0, 0, 0);
	color: #fff;
	margin-top: 34px
}

#index #product {
	height: 700px;
	background: #FAFAFA
}

#index #product .box .left {
	width: 110px;
	height: 110px;
	background-color: #fff;
	border-radius: 3px;
	border: 1px solid #e5e5e5;
	float: left;
	text-align: center
}

#index #product .box .left img {
	margin-top: 35px
}

#index #product .box .right {
	float: left;
	width: 400px;
	text-align: left;
	margin-left: 29px
}

#index #product .box .right p:nth-child(1) {
	font-size: 18px;
	color: #222
}

#index #product .box .right p:nth-child(2) {
	font-size: 14px;
	color: #333;
	line-height: 24px;
	margin-top: 19px;
	text-align: justify
}

#index #product .box {
	margin-right: 40px;
	width: 48%;
	float: left;
	margin-bottom: 62px
}

#index #platform {
	height: 700px;
	background: url(../images/bg.jpg) center no-repeat fixed;
	background-size: cover
}

#index #platform .title,
#index #platform .title h2,
#index #platform .title p {
	color: #fff
}

#index #platform #buttons a {
	display: inline-block;
	width: 140px;
	height: 30px;
	border-radius: 3px;
	border: 1px solid #fff;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 30px;
	margin-right: 20px;
	margin-bottom: 10px
}

#index #platform #buttons img {
	position: relative;
	top: 3px;
	margin-right: 5px
}

#index #platform #buttons {
	width: 330px
}

#index #platform .box {
	float: left;
	margin-right: 107px
}

#index #platform .box p {
	font-size: 14px;
	text-align: justify;
	width: 300px;
	color: #fff
}

#index #platform .box .more {
	font-size: 16px;
	color: #00a0e9;
	margin-top: 30px;
	display: inline-block
}

#aboutMe #banner,
.finafoot,
.foot,
.foot .innerBox a {
	color: #fff;
	font-size: 12px;
}

#index #contactUs {
	height: 673px;
	background: url(../images/BTU.jpg) center no-repeat fixed;
	background-size: cover
}

#index #contactUs .textBox p {
	font-size: 20px;
	margin-bottom: 13px
}

#index #contactUs .textBox input {
	width: 542px;
	height: 40px;
	background-color: #fff;
	border: 2px solid rgba(102, 102, 102, .4)
}

#index #contactUs .textBox {
	float: left;
	margin-right: 35px
}

#index #contactUs .textBox textarea {
	width: 1118px;
	height: 163px
}

#index #contactUs button {
	width: 165px;
	height: 40px;
	background-color: #00a0e9;
	color: #fff;
	margin-top: 30px;
	float: right;
	border: none;
	margin-right: 76px
}

.foot {
	height: 299px;
	background-color: #0b0b0d;
	position: relative
}

.foot h1 {
	font-size: 32px;
	padding-top: 46px
}

.foot .textBox {
	width: 280px;
	border-top: 1px solid #fff;
	margin-top: 10px;
	float: left;
	margin-right: 138px
}

.foot .textBox p {
	margin-top: 15px
}

.finafoot {
	height: 80px;
	background-color: #070707;
	text-align: center;
	line-height: 80px
}

.foot .innerBox {
	width: 282px;
	border-bottom: 1px dashed #e5e5e5;
	padding-bottom: 12px
}

.foot .innerBox span {
	font-size: 12px !important;
	/*text-align: center;*/
	display: inline-block;
	width: 251px
}

.foot #goTop {
	position: fixed;
	bottom: 20px;
	right: 50px;
	text-align: center
}

.foot .center {
	width: 1200px !important
}

#aboutMe #banner {
	height: 500px;
	background: url(../images/aboutBanner.jpg) center no-repeat;
	background-size: cover;
	text-align: center;
	position: relative
}

#aboutMe #banner span {
	font-family: banner;
	font-size: 40px;
	display: inline-block
}

#aboutMe #banner span .orange {
	font-size: 58px;
	color: #f8c961
}

#aboutMe #banner .font {
	width: 728px;
	height: 128px
}

#aboutMe #banner .font p {
	font-size: 19px;
	letter-spacing: 2px
}

#aboutMe #introduction {
	height: 584px
}

#aboutMe #introduction .center p {
	line-height: 24px;
	font-size: 14px;
	text-indent: 26px
}

#aboutMe #advantages {
	height: 660px;
	background: url(../images/aboutBanner2.jpg) center no-repeat fixed;
	background-size: cover
}

#aboutMe #advantages .title h2,
#aboutMe #advantages .title p {
	color: #fff
}

#aboutMe #advantages .textBox img {
	float: left;
	position: relative;
	top: 17px
}

#aboutMe #advantages .textBox .right {
	float: left;
	width: 135px;
	margin-left: 26px;
	text-align: left;
	font-size: 16px
}

#aboutMe #advantages .textBox .right p {
	font-size: 15px;
	line-height: 24px
}

#aboutMe #advantages .textBox {
	float: left;
	margin-right: 220px;
	margin-bottom: 72px;
	height: 72px
}

#aboutMe .regulation {
	height: 556px
}

#aboutMe .regulation img {
	float: left
}

#aboutMe .regulation .textBox {
	float: left;
	width: 540px;
	font-size: 14px;
	margin-left: 84px
}

#aboutMe .regulation .textBox p {
	margin-bottom: 31px
}

#exchange .allBanner {
	background-image: url(../images/exchangeBanner.jpg) !important
}

#exchange #what {
	height: 600px;
	width: 1040px;
	margin: 0 auto
}

#exchange #what img {
	margin-top: 68px;
	float: left;
	margin-left: 76px
}

#exchange #what .textBox p {
	font-size: 14px;
	text-align: justify;
	margin-bottom: 30px
}

#exchange #what .textBox {
	float: left;
	margin-left: 122px;
	width: 571px;
	margin-top: 115px
}

#exchange #features {
	height: 600px;
	background: url(../images/features.jpg) center no-repeat fixed;
	background-size: cover
}

#exchange #features .center {
	width: 1040px;
	margin-top: 80px
}

#exchange #features .box img {
	float: left;
	position: relative;
	top: 20px
}

#exchange #features .textBox {
	float: left;
	width: 352px;
	text-align: justify;
	margin-left: 40px
}

#exchange #features .textBox p:nth-child(1) {
	color: #f8c961;
	font-size: 16px;
	margin-bottom: 19px
}

#exchange #features .textBox p:nth-child(2) {
	color: #fff;
	font-size: 14px
}

#exchange #features .box {
	float: left;
	margin-right: 116px;
	margin-bottom: 63px
}

#exchange #rules {
	height: 729px;
	width: 1040px
}

#exchange #rules .box {
	width: 1040px;
	height: 444px;
	border: 2px solid #e4e4e4;
	margin-top: 60px;
	overflow: hidden
}

#exchange #rules .box .innerBox p:nth-child(1) {
	color: #00a0e9;
	font-size: 16px;
	margin-top: 34px;
	margin-bottom: 24px
}

#exchange #rules .box .innerBox p:nth-child(2) {
	color: #333;
	font-size: 14px;
	line-height: 30px;
	text-align: justify
}

#exchange #rules .box .innerBox {
	padding-left: 26px;
	width: 405px
}

#exchange #rules .box .left {
	float: left;
	border-right: 1px solid #e4e4e4;
	height: 100%;
	padding-right: 23px
}

#exchange #rules .box .right {
	float: left
}

#exchange #rules .box .right img {
	float: left;
	margin-top: 78px;
	margin-left: 64px;
	margin-right: 62px
}

#exchange #rules .box .right .innerBox {
	float: left
}

#exchange #trading {
	height: 645px;
	width: 1040px
}

#exchange #trading .box {
	width: 1040px;
	height: 360px;
	border: 2px solid #e4e4e4;
	margin-top: 60px;
	position: relative
}

#exchange #trading .box .textBox p:nth-child(1) {
	color: #00a0e9;
	font-size: 16px;
	margin-top: 34px;
	margin-bottom: 24px
}

#exchange #trading .box .textBox p:nth-child(2) {
	color: #333;
	font-size: 14px;
	line-height: 30px;
	text-align: justify
}

#exchange #trading .box .textBox {
	padding-left: 26px;
	width: 492px;
	float: left;
	height: 115px;
	border-bottom: 1px solid #e4e4e4
}

#exchange #trading .box img {
	margin-left: 43px;
	margin-top: 31px;
	margin-right: 47px;
	float: left
}

#exchange #different {
	height: 600px;
	background: url(../images/different1.jpg) center no-repeat fixed;
	background-size: cover
}

#exchange #different .center {
	width: 1040px;
	padding-top: 83px
}

#exchange #different .center .box {
	float: left;
	text-align: center;
	width: 275px;
	margin-right: 100px
}

#exchange #different .center .box p:nth-child(2) {
	font-size: 16px;
	color: #f8c961;
	margin-top: 31px;
	margin-bottom: 20px
}

#exchange #different .center .box p:nth-child(3) {
	font-size: 14px;
	color: #fff
}

#exchange #transactions {
	width: 1040px;
	height: 761px;
	font-size: 14px;
	text-align: justify;
	color: #333;
	line-height: 28px
}

#exchange #transactions .left {
	width: 610px;
	float: left;
	margin-top: 30px
}

#exchange #transactions img {
	float: left;
	margin-top: 73px;
	margin-left: 90px
}

#exchange #transactions p {
	margin-bottom: 32px
}

#exchange #withdrawal {
	height: 600px;
	background: url(../images/withdrawal.jpg) center no-repeat fixed;
	background-size: cover
}

#exchange #withdrawal .center {
	width: 1040px;
	margin-top: 83px
}

#exchange #withdrawal .center img {
	float: left;
	margin-left: 88px;
	margin-top: 59px;
	margin-right: 125px
}

#exchange #withdrawal .center .textBox {
	float: left;
	width: 572px;
	margin-bottom: 40px
}

#exchange #withdrawal .center .textBox p:nth-child(1) {
	font-size: 16px;
	color: #f8c961;
	margin-bottom: 18px
}

#exchange #withdrawal .center .textBox p:nth-child(2) {
	font-size: 14px;
	color: #fff;
	text-align: justify
}

#exchange #dM {
	width: 1040px;
	height: 760px
}

#exchange #dM .left {
	float: left;
	width: 534px;
	font-size: 14px;
	color: #333;
	line-height: 28px;
	text-align: justify;
	margin-top: 56px
}

#exchange #dM .left p {
	margin-bottom: 26px
}

#exchange #dM img {
	float: left;
	margin-top: 128px;
	margin-left: 86px
}

#mt .introduce {
	height: 762px
}

#mt .center {
	width: 1120px
}

#mt .left,
#mt .right {
	float: left
}

#mt .introduce .textBox {
	width: 500px;
	margin-top: 50px
}

#mt .introduce img.left {
	margin-top: 67px;
	margin-right: 85px
}

#mt .introduce .textBox p:nth-child(1) {
	font-size: 16px;
	color: #00a0e9;
	margin-bottom: 21px
}

#mt .introduce .textBox .right {
	width: 360px
}

#mt .introduce .textBox p {
	font-size: 14px;
	color: #333;
	text-align: justify
}

#mt .introduce .imgBox {
	width: 88px;
	height: 88px;
	border: 1px solid #d5d5d5;
	margin-right: 40px;
	margin-top: 17px;
	text-align: center;
	line-height: 88px
}

#mt .introduce .imgBox img {
	margin-top: 22px
}

#mt .introduce .btns {
	float: left;
	width: 617px
}

#mt .introduce .btns a {
	width: 260px;
	height: 46px;
	background-color: #0199df;
	border-radius: 3px;
	font-size: 20px;
	color: #fff;
	display: inline-block;
	margin-top: 30px;
	margin-left: 150px;
	text-align: center;
	line-height: 46px
}

#mt .introduce .imgBox p {
	color: #4c4c4c !important;
	font-size: 22px;
	text-align: center
}

#mt .introduce .next {
	margin-top: 26px;
	margin-left: 34px
}

#mt .qusetion {
	height: 699px;
	background-color: #f8f8f8
}

#mt .qusetion .textBox p:nth-child(1) {
	font-size: 18px;
	color: #00a0e9;
	margin-bottom: 21px
}

#mt .qusetion .textBox p:nth-child(2) {
	font-size: 14px;
	color: #333;
	margin-bottom: 21px;
	text-align: justify
}

#mt .qusetion .center {
	margin-top: 35px
}

#mt .qusetion .textBox {
	margin-bottom: 39px
}

#mt .qusetion .left {
	width: 554px
}

#mt .qusetion img.right {
	margin-left: 46px
}

.pcImg img {
	width: 100%
}

#notice {
	padding-top: 60px;
	background: #FAFAFA;
	padding-bottom: 60px
}

#notice .bg {
	background: #fff;
	padding: 30px 40px
}

#notice .bg span {
	font-size: 18px;
	color: #00a0e9
}

#notice .bg p {
	font-size: 14px;
	color: #333;
	margin-top: 19px
}

#notice .bg .more i {
	float: right;
	font-size: 30px;
	font-weight: bolder
}

#notice .bg .innerBox {
	font-size: 15px;
	color: #555;
	padding-top: 28px;
	line-height: 23px;
	display: none
}

#notice .box {
	padding-bottom: 31px;
	border-bottom: 1px solid #cacaca
}

#notice .curson {
	margin-top: 30px
}

#callMe .address {
	height: 660px
}

#callMe .address .textBox {
	width: 337px;
	height: 379px;
	border: 2px solid #dfdfdf;
	margin-top: 57px;
	text-align: center
}

#callMe .address .right {
	float: left
}

#callMe .address img.left {
	float: left;
	margin-top: 60px;
	margin-right: 46px
}

#callMe .address .textBox p {
	font-size: 24px;
	margin-top: 42px;
	margin-bottom: 32px
}

#callMe .address .textBox span {
	color: #333;
	display: inline-block;
	font-size: 14px;
	margin-top: 24px
}

#callMe .message {
	height: 761px;
	background-color: #f8f8f8
}

#callMe .message .box,
#callMe .message .left {
	margin-top: 59px;
	width: 549px;
	height: 499px;
	float: left
}

#callMe .message .left {
	background: url(../images/messageBf.png);
	margin-left: 35px
}

#callMe .message .box {
	background-color: #fff;
	border: 2px solid #dfdfdf;
	margin-left: 23px
}

#callMe .message .left img {
	float: left
}

#callMe .message .left p {
	float: left;
	margin-left: 14px
}

#callMe .message .left .inner {
	width: 220px;
	height: 100px
}

#callMe .message .left .inner p:nth-child(2) {
	color: #333;
	font-size: 22px;
	margin-bottom: 9px
}

#callMe .message .right .inner {
	padding: 69px 77px
}

#callMe .message .right .inner .textBox {
	padding-bottom: 11px;
	border-bottom: 2px solid #ddd;
	width: 100%
}

#callMe .message .right .inner .textBox span {
	color: #666
}

#callMe .message .right .inner .textBox input {
	width: 80%;
	border: none;
	padding: 10px
}

#callMe .message .right .inner .textBox textarea {
	width: 100%;
	height: 160px;
	border: none;
	margin-top: 15px
}

#callMe .message .right .inner button {
	width: 102px;
	height: 32px;
	background-color: #5eb4e7;
	color: #fff;
	border: none;
	float: right;
	margin-top: 28px
}

#coop .lwhat {
	height: 600px;
	width: 1120px;
	margin: 0 auto;
}

.lwhat img {
	margin-top: 55px;
	float: left;
	margin-left: 92px;
}

.lwhat .textBox {
	margin-top: 60px;
	float: left;
	font-size: 14px;
	width: 580px;
	margin-left: 163px;
}

.lwhat .textBox p {
	margin-bottom: 29px;
	color: #333333;
	text-align: justify;
}

.lwhat .textBox p:nth-child(1) {
	font-size: 16px;
}

.rwhat2 {
	height: 660px;
	background: url(../images/cooperationBg2.jpg) center no-repeat fixed;
	background-size: cover;
	color: white;
}

.rwhat2 p {
	color: white !important;
}

.rwhat2 .textBox {
	margin-left: 0 !important;
	margin-right: 102px;
	margin-top: 137px;
}

.rwhat2 .textBox p {
	margin-bottom: 30px;
}

.rwhat2 .textBox p:nth-child(1) {
	color: #fcac45 !important;
}

.lwhat .textBox a {
	display: inline-block;
	width: 90px;
	height: 30px;
	border-radius: 3px;
	border: solid 1px #00a0e9;
	color: white;
	font-size: 12px;
	text-align: center;
	line-height: 30px;
}

#coop .rwhat2 img {
	margin-top: 115px;
	margin-left: 0;
}

#agent .success {
	height: 814px;
}

#agent .success p {
	font-size: 14px;
	color: #666666;
	text-align: center;
	margin-top: 18px;
}

#agent .center {
	width: 1120px;
}

#agent .success img {
	margin-top: 53px;
	float: left;
}

#agent .success .textBox {
	margin-top: 48px;
	margin-left: 36px;
	float: left;
	width: 524px;
}

#agent .success .textBox h3 {
	font-size: 22px;
	color: #0199df;
	margin-bottom: 18px;
}

#agent .success .textBox .sBox p:nth-child(1) {
	font-size: 16px;
	color: #0199df;
	margin-bottom: 12px;
	text-align: left;
}

#agent .success .textBox .sBox p:nth-child(2) {
	font-size: 14px !important;
	color: #333333;
	text-align: left;
	text-align: justify;
}

#agent .success .textBox .sBox {
	margin-bottom: 10px;
}

#agent .fiture {
	height: 699px;
	background-color: #f8f8f8;
}

#agent .fiture .textBox {
	width: 369px;
	height: 416px;
	background-color: #ffffff;
	border: solid 1px #ccd5df;
	margin-top: 63px;
	float: left;
}

#agent .fiture .textBox .innerBox {
	text-align: center;
}

#agent .fiture .textBox .innerBox img {
	margin-top: 63px;
	margin-bottom: 29px;
}

#agent .fiture .textBox .innerBox p:nth-child(2) {
	color: #0199df;
	font-size: 20px;
}

#agent .fiture .textBox .innerBox p:nth-child(3) {
	width: 241px;
	font-size: 14px;
	color: #666666;
	margin-left: 67px;
	margin-top: 41px;
}

#agent .fiture .textBox:hover {
	color: white;
	height: 472px;
	background-color: #0199df;
	color: white;
	position: relative;
	bottom: 30px;
	border-top: 5px solid #39425e;
}

#agent .fiture .textBox:hover p {
	color: white !important;
}

#agent .suppost .textBox {
	margin-top: 154px;
	float: left;
	width: 504px;
}

#agent .suppost img {
	float: left;
	margin-left: 55px;
	margin-top: 60px;
}

#agent .suppost .textBox p {
	font-size: 14px;
	line-height: 28px;
	text-align: justify;
	color: #333333;
}

#agent .suppost .textBox p:nth-child(1) {
	font-size: 16px;
	color: #0199df;
	margin-bottom: 30px;
}

#agent .suppost {
	padding-bottom: 80px;
}

#agent .beigin {
	height: 577px;
	background-color: #f8f8f8;
}

#agent .beigin .title p {
	font-size: 14px;
	margin-top: 19px;
}

#agent .beigin .textBox {
	width: 238px;
	height: 305px;
	background-color: #ffffff;
	border-radius: 10px;
	border: solid 1px #ccd5df;
	text-align: center;
	float: left;
	margin-top: 60px;
}

#agent .beigin .count {
	width: 24px;
	height: 24px;
	border: solid 2px #333333;
	border-radius: 50%;
	text-align: center;
	line-height: 24px;
	margin-top: 13px;
	margin-left: 13px;
}

#agent .beigin .textBox p:nth-child(3) {
	margin-top: 18px;
	font-size: 20px;
}

#agent .beigin .textBox p:nth-child(4) {
	width: 150px;
	margin-left: 45px;
	color: #666666;
	margin-top: 18px;
}

#agent .beigin .jiantou {
	float: left;
	margin-top: 182px;
	margin-left: 47px;
	margin-right: 47px;
}

#agent .beigin .textBox:hover {
	background-color: #0199df;
	color: white;
}

#agent .beigin .textBox:hover p {
	color: white;
}

#agent .beigin .textBox:hover .count {
	border-color: white;
}

#agent .best .box {
	width: 370px;
	height: 190px;
	background-color: #ffffff;
	border: solid 1px #e5e5e5;
	float: left;
}

#agent .best {
	height: 669px;
}

#agent .best p {
	font-size: 14px;
	margin-top: 18px;
}

#agent .best .box .innerBox {
	margin-top: 75px;
	margin-left: 58px;
}

#agent .best .box .innerBox img {
	float: left;
}

#agent .best .box .innerBox .textBox {
	float: left;
	margin-left: 19px;
	width: 183px;
}

#agent .best .box .innerBox .textBox p {
	margin-top: 0;
}

#agent .best .box .innerBox .textBox p:nth-child(1) {
	margin-bottom: 12px;
	color: #0199df;
}

#agent .best .box:hover {
	background-color: #00a0e9;
	box-shadow: 4px 6px 20px 0px rgba(0, 0, 0, 0.19);
	border: solid 1px #e5e5e5;
	color: white !important;
}

#agent .best .box:hover .innerBox .textBox p:nth-child(1) {
	color: white;
}